<!--快捷键：!+tab键，或者 html:5+tab键-->
<!-- 这是一段注释    <br>是换行  &nbsp空格-->

<!--css引入页面的方式有三种：-->

<!--1、内联式：通过标签的style属性，在标签上直接写样式。-->
<!--<div style="width:100px; height:100px; background:red ">......</div>-->


<!--2、嵌入式：通过style标签，在网页上创建嵌入的样式表。 写在头部-->
<!--<style type="text/css">-->
<!--    div{ width:100px; height:100px; background:red }-->
<!--    ......-->
<!--</style>-->

<!--3、外联式：通过link标签，链接外部样式文件到页面中。-->
<!--<link rel="stylesheet" type="text/css" href="css/main.css">-->




<!--div{-->
<!--    width:100px;-->
<!--    height:100px-->
<!--    background:gold-->
<!--}-->
<!--<!doctype html>-->
<!--<html lang="en" xmlns="http://www.w3.org/1999/html">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">-->
<!--    <meta http-equiv="X-UA-Compatible" content="ie=edge">-->
<!--    <title>陈小璐的第一个html文件</title>-->
<!--<link rel="stylesheet" type="text/css" href="main.css">-->
<!--    <style type="text/css">-->
<!--        p{display:flex;}-->
<!--        p>label{width: 100px;text-align: right}-->
<!--    </style>-->

<!--    &lt;!&ndash;嵌入式：通过style标签，在网页上创建嵌入的样式表。&ndash;&gt;-->
<!--&lt;!&ndash;    <style type="text/css">&ndash;&gt;-->
<!--&lt;!&ndash;        div{width: 100px ; height: 120px; background:yellow}&ndash;&gt;-->
<!--&lt;!&ndash;    </style>&ndash;&gt;-->
<!--</head>-->
<!--<body>-->
<!--<h1 style="text-align: center">注 册</h1>-->
<!--&lt;!&ndash;<h2 style="text-align: center">欢迎来到我的世界！</h2>&ndash;&gt;-->
<!--&lt;!&ndash;<h3 style="text-align: center">欢迎来到我的世界！</h3>&ndash;&gt;-->
<!--&lt;!&ndash;<h4 style="text-align: center">欢迎来到我的世界！</h4>&ndash;&gt;-->
<!--&lt;!&ndash;<h5 style="text-align: center">欢迎来到我的世界！</h5>&ndash;&gt;-->

<!--&lt;!&ndash;<p>一生不长，遇到喜欢的人，就积极一点&nbsp。 <br> 不要让沉默埋葬了你的爱意，也不要让腼腆羞涩覆盖了你难以启齿的喜欢.</p>&ndash;&gt;-->
<!--&lt;!&ndash;<p>有愿才会有缘，如果无愿，<br>即使有缘的人也会擦身错过。<br>&ndash;&gt;-->
<!--&lt;!&ndash;缘是天意，份在人为。</p>&ndash;&gt;-->
<!--&lt;!&ndash;<div>这是一个乖乖的div标签</div>&ndash;&gt;-->
<!--&lt;!&ndash;<a href="http://ework.gisquest.com:9083/login/Login.jsp?_token_=db4f20cc-d240-4959-9b1f-7d49edfb85f2">公司OA超链接</a>&ndash;&gt;-->
<!--&lt;!&ndash;<p>这里有特殊样式<span>哈哈哈</span></p>&ndash;&gt;-->

<!--&lt;!&ndash;<div>这是一个div标签</div>&ndash;&gt;-->
<!--&lt;!&ndash;内联式：通过标签的style属性，在标签上直接写样式。&ndash;&gt;-->
<!--&lt;!&ndash;<div style="width: 270px;height: 30px;background: aqua">因为，明日可期， 所以，今生不弃。​</div>&ndash;&gt;-->


<!--&lt;!&ndash;外链式：通过link标签，链接外部样式文件到页面中。&ndash;&gt;-->
<!--<br><br>-->
<!--&lt;!&ndash;表单&ndash;&gt;-->
<!--<form>-->
<!--<p>-->
<!--    <label>用户名:&nbsp;</label>-->
<!--    <input type="text" name="user" placeholder="请输入用户名">-->
<!--</p>-->
<!--<p>-->
<!--    <label>密码:&nbsp;</label>-->
<!--    <input type="password" name="pwd">-->
<!--</p>-->
<!--<p>-->
<!--    <label>性别:&nbsp;</label>-->
<!--    <input type="radio" name="sex" value="boy" checked/>&nbsp;男 &nbsp;&nbsp;-->
<!--    <input type="radio" name="sex" value="girl">&nbsp;女-->
<!--</p>-->
<!--<p>-->
<!--    <label>爱好:&nbsp;</label>-->
<!--    <input type="checkbox" name="like" value="sing" checked/>&nbsp;唱歌 &nbsp;&nbsp;-->
<!--    <input type="checkbox" name="like" value="run">&nbsp;跑步&nbsp;&nbsp;-->
<!--    <input type="checkbox" name="like" value="dance">&nbsp;跳舞-->
<!--</p>-->
<!--<p>-->
<!--    <label>照片:&nbsp;</label>-->
<!--    <input type="file" name="photo">&nbsp;-->
<!--</p>-->
<!--<p>-->
<!--    <label>个人描述</label>-->
<!--    <textarea name="instruction"></textarea>-->
<!--</p>-->
<!--<p>-->
<!--    <label>籍贯：&nbsp;</label>-->
<!--    <select name="jg">-->
<!--        <option value="bj">北京</option>-->
<!--        <option value="sh">上海</option>-->
<!--        <option value="hz">杭州</option>-->
<!--        <option value="sz">深圳</option>-->
<!--    </select>-->
<!--</p>-->
<!--<p class="button1">-->
<!--    <input type="submit" name="" value="提交">&nbsp;&nbsp;-->
<!--    <input type="reset" name="" value="重置">-->
<!--</p>-->
<!--</form>-->
<!--<br><br>-->
<!--&lt;!&ndash;<ul>&ndash;&gt;-->
<!--&lt;!&ndash;    <li><a href="剪刀.png">1剪刀</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;    <li><a href="布.png">2布</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;    <li><a href="石头.png">3石头</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;</ul>&ndash;&gt;-->

<!--&lt;!&ndash;<div>&ndash;&gt;-->
<!--&lt;!&ndash;    <div class="box" id="cl">hhh111</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->

<!--<br><br>-->
<!--&lt;!&ndash;<img src="flower.jpg"alt="图片1" style="width:50%;margin-left: 200px;">&ndash;&gt;-->
<!--</body>-->
<!--</html>-->





